<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BONDIOLA S.A.</title>
<style type="text/css">
<!--
body {
	background: #42413C;
	margin: 50;
	padding: 50;
	color: #000;
	font-family: Calibri, "Times New Roman", "Comic Sans MS";
	font-size: 14px;
	line-height: 1.4;
	text-align: justify;
	font-style: normal;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}


a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {
	width: 900px;
	background: #FFF;
	margin-top: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px;
}


.header {
	background: #ADB96E;
}


.session{
	height: 20px;
	width: 135px;
	padding-left: 10px;
}

.imgsesion{
	text-align: right;
	clear: left;
	float: left;
	height: 20px;
	width: 20px;
	padding-left: 15px;
}

.sidebar1 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding-bottom: 10px;
	height: 500px;
}
.content {
	width: 720px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
	
}
ul.nav li {
	background-color: #fff;
	font-size: 90%;
	border: 1px solid #d3d3d3;
}
ul.nav a, ul.nav a:visited { 

	display: block; 
	
	width: auto;  
	
	text-decoration: none;
	background-color: #F90;
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 

	background: #ADB96E;
	color: #FFF;
}


.footer {
	padding: 10px 0;
	position: relative;
	clear: both;
	background-color: #D6D6D6;
	background-position: center center;
	text-align: center;
}


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
ul li ul.submenu{
	background-color: #fff;
	font-size: 90%;
	border: 1px solid #d3d3d3;
}
ul li ul.submenu:hover{
	background-color: #fff;
}
ul li ul.submenu:hover{
	display:none;
}
ul li ul.submenu{
	display:none;
}
ul li:hover ul.submenu{
	display:block;
}
ul li:hover li{
	float:none;
}

ul li ul.submenu2{
	background-color: #fff;
	font-size: 90%;
	border: 1px solid #d3d3d3;
}
ul li ul.submenu2:hover{
	background-color: #fff;
}
ul li ul.submenu2:hover{
	display:none;
}
ul li ul.submenu2{
	display:none;
}
ul li:hover ul.submenu2{
	display:block;
}
ul li:hover li{
	float:none;
}

ul li ul.submenu3{
	background-color: #fff;
	font-size: 90%;
	border: 1px solid #d3d3d3;
}
ul li ul.submenu3:hover{
	background-color: #fff;
}
ul li ul.submenu3:hover{
	display:none;
}
ul li ul.submenu3{
	display:none;
}
ul li:hover ul.submenu3{
	display:block;
}
ul li:hover li{
	float:none;
}

-->
</style></head>

<body>

<div class="container">
  <div class="header"><a href="principal.jsp"><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-prn1/14593_4895408344217_1730220766_n.jpg" alt="El Cometa S.R.L." name="Insert_logo" width="900" height="104" id="Insert_logo" style="background: #C6D580; display:block;" /></a> 
    <!-- end .header --></div>
  <div class="sidebar1">
    <ul class="nav">
       <li><a href="principal.jsp">Home</a></li>
      <li>
      	<a href="boletos.jsp">Boletos</a>
      	<ul class="submenu">
        	<li>
        	 	<a href="cargaDestinosCochesBoletos">Vender Boleto</a>
        	</li>
            <li>
        	 	<a href="mostrarBol">Mostrar Boletos</a>
        	</li>
            
        </ul>
      </li>
      <li>
      		<a href="rutas.jsp">Rutas</a>
            <ul class="submenu3">
        	<li>
        	 	<a href="agregarRuta.jsp">Agregar Ruta</a>
        	</li>
            <li>
        	 	<a href="mostrarRut">Mostrar Rutas</a>
        	</li>
        </ul>
      </li>
      <li><a href="contacto.jsp">Contacto</a></li>
      <li><a href="acercade.jsp">Acerca de...</a></li>
    </ul>
    <% String user = (String) request.getSession().getAttribute("user");
	if(user == null){
		RequestDispatcher view = request.getRequestDispatcher("/login.jsp");
        view.forward(request, response);
	}else{	%>
    <div class="imgsesion">
      <img src="http://www.conexionpyme.com.ar/cp/img/Inicio_sesion.gif" width="20" height="20"> 
    </div>
    <div class="session">
    <p><%=user%></p>
    </div>
    <div class="imgsesion">
      <img src="http://png-1.findicons.com/files/icons/1786/oxygen_refit/128/gnome_session_logout.png" width="20" height="20">
    </div>
    <div class="session">
    <p><a href="cerrarsession.jsp">Log Out</a></p>
    
    </div>
     <div class="imgsesion"> <a href="https://www.facebook.com/BondiolaSa"><img src="http://png.findicons.com/files/icons/2229/social_media_mini/48/facebook.png" width="20" height="20"></a>
    </div>
    <%}%>
    </div>
  <div class="content">
    <h1>BONDIOLA S.A. </h1>
  </div>
  <li>
  <h3>Vos traes el pan, el resto lo ponemos nosotros.. Hacemos de tu viaje, una panzada... </h3>
  
  
  
  
  </li>
  <div class="footer">
  <div class="mensaje_debajo"><p4>Moore corporation® 2012 </p4></div>
  
    <!-- end .footer --></div>
<!-- end .container --></div>
  
</body>
</html>

